<html>
	<head>	
		<link rel="stylesheet" href="{{ url_for('static', filename='css/jquery.mobile-1.4.5.min.css') }}">
		<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js" charset="utf-8"></script>  
		<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mobile/1.4.1/jquery.mobile.min.js"></script>
		<script type="text/javascript">
			$(function(){
				$('#redon').click(function(){
					$.ajax({
						url:'rgb.html',
						data:{
							red:1
						}
					});
					console.log('redon');
				});

	//			$('#redoff').click(functio(){
	//				$.ajax({
	//					url:'rgb.html',
	//					data:{
	//						red:0
	//					}
	//				});
	//				console.log('redoff');
	//			});
				$('#redoff').click(function(){
					$.ajax({
						url:'rgb.html',
						data:{
							red:0
						}
					});
					console.log('redoff');
				});
			});
		</script>
		<title>Welcome</title>
	</head>
	<body>
		<input type="radio" name="red" id="redon"></input><label for="redon">redon</label>
		<input type="radio" name="red" id="redoff"></input><label for="redoff">redoff</label>
	</body>
</html>
